<!DOCTYPE html>
<html lang="en" xmlns:th="https://www.thymeleaf.org">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>V视界-我的收藏</title>
    <link rel="stylesheet"
          type="text/css"
          th:href="@{/static/css/common.css}"
          href="../css/common.css"
    />
    <link rel="stylesheet"
          type="text/css"
          th:href="@{/static/css/iconfont01.css}"
          href="../css/iconfont01.css"
    />
    <link rel="stylesheet"
          type="text/css"
          th:href="@{/static/css/personalPage.css}"
          href="../css/personalPage.css"
    >
    <link rel="stylesheet"
          type="text/css"
          th:href="@{/static/customAlertConfirm/customAlertConfirm.css}"
          href="../customAlertConfirm/customAlertConfirm.css"
    >
    <link rel="stylesheet" type="text/css" th:href="@{/static/css/replymask.css}" >
</head>
<body>
<div th:replace="~{unlogin :: mask }">
    <div class="window">
        <div class="reply-top">
            <div class="top-text">回复</div>
            <div class="top-cancel">
                <i class="iconfont">&#xe652;</i>
            </div>
        </div>
        <div class="reply-container">
          <textarea
                  name="reply"
                  placeholder="请发布你的回复"
                  class="reply-text"
          ></textarea>
            <p class="ddl">还可输入100字</p>
            <button class="reply-btn disable">回复</button>
        </div>
    </div>
</div>
<!--    更多回复弹窗-->
<div class="more-reply-mask" th:fragment="more-reply-mask">
    <div class="more-window">
        <div class="window-top">
            <div class="window-top-text">回复</div>
            <div class="window-top-cancel"><i class="iconfont">&#xe650;</i></div>
        </div>
        <div class="window-content">
            <div class="content-comment">

            </div>
        </div>
    </div>
</div>
<!-- 点击举报会出现的弹窗 -->
<div class="tip-off hidden" th:fragment="tip-off">
    <div class="CPM">
        <h3>举报</h3>
        <p class="close">×</p>
        <div class="pop-up1">
            <div class="report report-item2">
                <p>举报原因(必填):</p>
                <div class="necessary">
                    <ul class="necessary-ul">
                        <li>
                            <label for="radio1">
                                <input type="radio" name="radioName" id="radio1" />
                                <span class="fav-title">发布淫秽信息</span>
                            </label>
                        </li>
                        <li>
                            <label for="radio2">
                                <input type="radio" name="radioName" id="radio2" />
                                <span class="fav-title">发布政治敏感信息</span>
                            </label>
                        </li>
                        <li>
                            <label for="radio3">
                                <input type="radio" name="radioName" id="radio3" />
                                <span class="fav-title">谩骂/人身攻击</span>
                            </label>
                        </li>
                        <li>
                            <label for="radio4">
                                <input type="radio" name="radioName" id="radio4" />
                                <span class="fav-title">发布商业信息</span>
                            </label>
                        </li>
                        <li>
                            <label for="radio5">
                                <input type="radio" name="radioName" id="radio5" />
                                <span class="fav-title">欺诈骗钱</span>
                            </label>
                        </li>
                        <li>
                            <label for="radio6">
                                <input type="radio" name="radioName" id="radio6" />
                                <span class="fav-title">低俗</span>
                            </label>
                        </li>
                        <li>
                            <label for="radio7">
                                <input type="radio" name="radioName" id="radio7" />
                                <span class="fav-title">侵犯隐私</span>
                            </label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="report report-item3">
                <p class="otherThing">
                    <label for="radio8">
                        <input type="radio" name="radioName" id="radio8" />
                        <span>其他</span>
                    </label>
                </p>

                <div class="other-reason hidden">
              <textarea
                      placeholder="自定义理由(100字以内)"
                      class="other-ta"
                      maxlength="100"
              ></textarea>
                </div>
            </div>
        </div>
        <button class="btn-sure">提交</button>
    </div>
</div>
<div th:replace="~{hot::#model}"></div>
<div class="top" th:fragment="top">
    <div id="top">
        <!-- logo -->
        <div id="logo-search">
            <div class="logo">
                <img
                        src="../img/logo.png"
                        th:src="@{/static/img/logo.jpg}"
                        alt=""
                />
            </div>
            <div class="top-search" th:replace="~{home::topSearch}">
                <span><i class="iconfont">&#xe623;</i></span>
                <input type="text" placeholder="请输入搜索内容" id="top-input" />
            </div>
        </div>

        <!-- 各种功能 -->
        <div id="fn" th:replace="~{personalPage::#fn}">
            <div class="home  fn">
                <a class="icon" href="home.html" th:href="@{/blog/getMyConnectionBlog(msg='登录成功')}"
                ><i class="iconfont">&#xe625;</i></a
                >
            </div>
            <div class="hot fn">
                <a class="icon" href="hot.html" th:href="@{/blog/getIndexBlog(state=2)}"
                ><i class="iconfont">&#xe628;</i></a
                >
            </div>
            <div class="message fn">
                <a class="icon" href="message.html" th:href="@{/message}"
                ><i class="iconfont">&#xe908;</i></a
                >
            </div>
            <div class="private border fn">
                <a class="icon" href="personalPage.html" th:href="@{/my/toMyInfo}"
                ><i class="iconfont">&#xe60a;</i></a
                >
            </div>
        </div>
        <!-- 登录，设置等-->
        <div class="access" th:replace="home::access">
        </div>
    </div>
</div>
<div id="content">
    <div class="list">
        <ul>
            <a th:href="@{/my/toMyInfo}">
                <span><i class="iconfont">&#xe7c6;</i></span>
                我的主页
            </a>
            <a th:href="@{/my/toMyIdols}">
                <span><i class="iconfont">&#xe65d;</i></span>
                我的关注
            </a>
            <a th:href="@{/my/toMyFans}">
                <span><i class="iconfont">&#xe648;</i></span>
                我的粉丝
            </a>
            <a   class="color" th:href="@{/my/toMyLike}">
                <span><i class="iconfont">&#xe694;</i></span>
                我的点赞
            </a>
            <a th:href="@{/my/toMyCollection}">
                <span><i class="iconfont">&#xe647;</i></span>
                我的收藏
            </a>
            <a th:href="@{/my/echoMyMessage}">
                <span><i class="iconfont">&#xe626;</i></span>
                修改信息
            </a>
            <a th:href="@{/personalPage-pswdChange}">
                <span><i class="iconfont">&#xe64b;</i></span>
                修改密码
            </a>
        </ul>
    </div>
    <div id="news">
        <div class="newsTitle">
            <h2>我的喜欢</h2>
        </div>
        <div class="allnews">  <div class="news" th:each="myLikes:${list}" th:bid="${myLikes.id}" th:uid="${myLikes.uid}">

            <div class="news-top">
                <a href="../js/" class="head-link">
                    <div class="head">
                        <img
                                alt="发布者头像"
                                class="blogHeadPhoto"
                                th:src="@{${myLikes.userAvatarUrl}}"
                        />
                    </div>
                </a>
                <div class="top-details">
                    <a href="" class="name" >
                        <p class="userName" th:text="${myLikes.username}">发布者名称</p>
                    </a>
                    <p class="time" th:text="${myLikes.time}">3-18</p>
                </div>
                <div class="top-attention">
                    <button class="top-attention-btn">
                        <i class="iconfont">&#xe7df;</i>关注
                    </button>
                </div>
            </div>
            <div class="news-container">
                <p class="blogText" th:text="${myLikes.text}">
                    文字内容
                </p>
                <div class="news-content"></div>
            </div>
            <div class="foot">
                <div class="share">
                    <i class="iconfont">&#xe62f;</i>
                    <span class="shareNum" th:text="${myLikes.transmit}">0</span>
                </div>
                <div class="assess">

                    <i class="iconfont">&#xe695;</i>
                    <span class="commentNum" th:text="${myLikes.comment}">0</span>
                    </a>
                </div>
                <div class="store">
                    <i class="iconfont">&#xe647;</i>
                    <span>收藏</span>
                </div>
                <div class="like">
                    <i class="iconfont">&#xe62b;</i>
                    <span class="likesNum" th:text="${myLikes.likes}">12</span>
                </div>
            </div>
            <div class="spread">
            <textarea
                    placeholder="请发布你的评论"
                    class="comment-text"
            ></textarea>
                <span class="comment-ddl">还可输入140字</span>
                <button class="comment-btn disable" th:bid="${myLikes.id}">评论</button>
                <div class="comment" >
                    <div class="item1" >
                        <div class="comment-list">
                            <a href="">
                                <div class="comment-head">
                                    <img
                                            src="../../static/img/banner.jpg"
                                            th:src="@{/static/img/banner.jpg}"
                                            alt=""
                                    />
                                </div>
                            </a>
                            <div class="comment-details">
                                <a href="" class="comment-name"> <span >XXX</span> </a>:
                                <span class="c-content" >11111111111111111111</span>
                                <div class="comment-bottom">
                                    <div class="c-time">3-18</div>
                                    <div class="comment-fn">
                                        <div class="c-complain">
                                            <i class="iconfont">&#xe6a9;</i>
                                        </div>
                                        <div class="reply">
                                            <i class="iconfont">&#xe695;</i>
                                        </div>

                                        <div class="c-like">
                                            <i class="iconfont">&#xe600;</i>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="list2">
                        <div class="list2-bar"></div>
                        <div class="list2-details">
                            <a href="" class="list2-name"><span>XXX:</span></a>
                            <span class="list2-content">1111111111</span>
                        </div>
                        <div class="list2-bottom">
                            <div class="list2-time">3-18</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        </div>
       <p class="none hidden">暂时没有内容了</p>

    </div>

    <div id="right-bar" th:replace="~{hot-search::#right-bar}">
        <div id="hot">
            <div class="hot-top">
                <div class="hot-top-content"><p>热搜</p></div>
                <div class="refresh"><i class="iconfont">&#xe661;</i>点击刷新</div>
            </div>
        </div>
        <a class="return-top" href="#">
            <i class="iconfont">&#xea7d;</i>
        </a>
    </div>
</div>
<div th:replace="~{personalPage::publishBlogBox}">

</div>

</body>
<script
        type="text/javascript"
        src="../../static/js/jquery3.7.1.min.js"
        th:src="@{/static/js/jquery3.7.1.min.js}"
></script>
<script type="text/javascript" th:src="@{/static/js/more.js}" ></script>

<script type="text/javascript" th:src="@{/static/customAlertConfirm/customAlertConfirm.js}" src="../customAlertConfirm/customAlertConfirm.js"></script>
<script type="text/javascript" th:src="@{/static/js/personalPage-publish.js}" src="../js/personalPage-publish.js"></script>
<script type="text/javascript" th:src="@{/static/js/replymask.js}" ></script>
<script type="text/javascript" th:src="@{/static/js/common.js}" src="../js/common.js"></script>
<script type="text/javascript" th:src="@{/static/js/loadingMyLike.js}" ></script>

</html>